import React from 'react';
import { 
  Card, Typography, Result, Button
} from 'antd';
import { ExperimentOutlined } from '@ant-design/icons';
import { useNavigate } from 'react-router-dom';

const { Title, Paragraph } = Typography;

const AEAnalysis = () => {
  const navigate = useNavigate();
  
  return (
    <div>
      <Title level={2}>自动编码器分析 (AE)</Title>
      <Paragraph>
        自动编码器是一种神经网络模型，它可以用于特征学习、降维和异常检测。适用于复杂的非线性数据分析。
      </Paragraph>
      
      <Card>
        <Result
          icon={<ExperimentOutlined />}
          title="功能开发中"
          subTitle="自动编码器分析功能正在开发中，敬请期待"
          extra={[
            <Button type="primary" key="data" onClick={() => navigate('/upload')}>
              上传数据
            </Button>,
            <Button key="home" onClick={() => navigate('/')}>
              返回首页
            </Button>,
          ]}
        />
      </Card>
    </div>
  );
};

export default AEAnalysis; 